<!-- 用气量  -->
<template>
    <div class="gas">
        <CommonTitleComponent class="top" text="月度用气量及环比增速"></CommonTitleComponent>
        <chart-view
            :chart-option="EchartsMethods.energyElectric(state.chartData)"
            :auto-resize="true"
            height="100%"
            style="height: 100%"
        ></chart-view>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { EchartsMethods } from '@/chart/index';

const state = reactive({
    chartData: {
        gname: '用气量',
        gascompanyname: '单位：m³',
        gaslegname: '用气量(m³）',
        gascolor: 'rgba(253, 247, 144, 1)',
        gastercolor: 'rgba(157, 111, 1, 1)',
        gasitemcolor: 'rgba(96, 198, 40, 1)',
        gaslinecolor: 'rgba(96, 198, 40, 1)',
        type: 'gas'
    }
});
</script>

<style scoped lang="scss">
.gas {
    // margin-top: 30px;
    height: 100%;
    // .top{
    //     padding-top: 18px;
    //     box-sizing: border-box;
    // }
}
</style>
